<div id="data_page" class="in_page">
	<div class="panel panel-default">
  <div class="panel-body">
   <form class="form-inline">
	  <div class="form-group">
	    <label for="exampleInputName2">姓名</label>
	    <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
	  </div>
	  
	  <div class="form-group">
	  <select class="form-control">
		  <option>1</option>
		  <option>2</option>
		  <option>3</option>
		  <option>4</option>
		  <option>5</option>
		</select>
		 </div>
	  <div class="form-group">
	    <label for="exampleInputEmail2">邮箱</label>
	    <input type="email" class="form-control" id="exampleInputEmail2" placeholder="jane.doe@example.com">
	  </div>
  	  <button type="submit" class="btn btn-sm btn-default">Send invitation</button>
				  <div class="btn-group">
				  <button type="button" class="btn btn-sm btn-primary">操作</button>
				  <button type="button" class="btn btn-primary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
				    <span class="caret"></span>
				    <span class="sr-only">操作</span>
				  </button>
				  <ul class="dropdown-menu dropdown-menu-right">
				    <li><a href="#"><span class="glyphicon glyphicon-plus"></span> 查看</a></li>
				    <li><a href="#"><span class="glyphicon glyphicon-ok"></span> 修改</a></li> 
				    <li role="separator" class="divider"></li>
				    <li><a href="#"><span class="glyphicon glyphicon-trash"></span> 删除</a></li>
				  </ul>
				</div> 
</form>
  </div>
</div>
      <table class="table table-bordered">
        <thead>
          <tr>
            <th><span class="glyphicon glyphicon-gift"></span>#</th>
            <th><span class="glyphicon glyphicon-leaf"></span>Table heading</th>
            <th><span class="glyphicon glyphicon-fire"></span>Table heading</th>
            <th><span class="glyphicon glyphicon-eye-open"></span>Table heading</th>
            <th><span class="glyphicon glyphicon-warning-sign"></span>Table heading</th>
            <th><span class="glyphicon glyphicon-plane"></span>Table heading</th>
            <th><span class="glyphicon glyphicon-calendar"></span>操作</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <th scope="row">1</th>
            <td>Table cell</td>
            <td>Table cell</td>
            <td>Table cell</td>
            <td>Table cell</td>
            <td>Table cell</td>
            <td>
				  <div class="btn-group">
				  <button type="button" class="btn btn-xs btn-primary">操作</button>
				  <button type="button" class="btn btn-primary btn-xs dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
				    <span class="caret"></span>
				    <span class="sr-only">操作</span>
				  </button>
				  <ul class="dropdown-menu dropdown-menu-right">
				    <li><a href="#"><span class="glyphicon glyphicon-plus"></span> 查看</a></li>
				    <li><a href="#"><span class="glyphicon glyphicon-ok"></span> 修改</a></li> 
				    <li role="separator" class="divider"></li>
				    <li><a href="#"><span class="glyphicon glyphicon-trash"></span> 删除</a></li>
				  </ul>
				</div> 
  			</td>
          </tr>
          <tr>
            <th scope="row">2</th>
            <td>Table cell</td>
            <td>Table cell</td>
            <td>Table cell</td>
            <td>Table cell</td>
            <td>Table cell</td>
            <td>
				<div class="btn-group" role="group" aria-label="...">
				  <button type="button" class="btn btn-xs btn-default"><span class="glyphicon glyphicon-plus"></span></button>
				  <button type="button" class="btn btn-xs btn-default"><span class="glyphicon glyphicon-ok"></span></button>
				  <button type="button" class="btn btn-xs btn-default"><span class="glyphicon glyphicon-trash"></span></button>
				</div>
  			</td>
          </tr>
          <tr>
            <th scope="row">3</th>
            <td>Table cell</td>
            <td>Table cell</td>
            <td>Table cell</td>
            <td>Table cell</td>
            <td>Table cell</td>
            <td>
				<a href="#"><span class="glyphicon glyphicon-plus"></span></a>
				<a href="#"><span class="glyphicon glyphicon-ok"></span></a>
				<a href="#"><span class="glyphicon glyphicon-remove"></span></a>
				<a href="#"><span class="glyphicon glyphicon-trash"></span></a>
  			</td>
          </tr>
		  <tr>
            <th scope="row">3</th>
            <td>Table cell</td>
            <td>Table cell</td>
            <td>Table cell</td>
            <td>Table cell</td>
            <td>Table cell</td>
            <td>
				  <button type="button" class="btn btn-primary btn-xs">修改</button>
				  <button type="button" class="btn btn-success btn-xs">查看</button>
				  <button type="button" class="btn btn-warming btn-xs">下线</button>
				  <button type="button" class="btn btn-danger btn-xs">删除</button>
  			</td>
          </tr>
        </tbody>
      </table> 
	  
	<nav>
		<ul class="pagination pagination-sm pull-right">
			<li>
		      <a href="#" aria-label="Previous">
		        <span aria-hidden="true">&laquo;</span>
		      </a>
		    </li>
		    <li><a href="#">1</a></li>
		    <li><a href="#">2</a></li>
		    <li><a href="#">3</a></li>
		    <li><a href="#">4</a></li>
		    <li><a href="#">5</a></li>
		    <li>
		      <a href="#" aria-label="Next">
		        <span aria-hidden="true">&raquo;</span>
		      </a>
		    </li>
		</ul>
	</nav>
</div>